<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>menu2</title>
        <script src="../style/js/jquery.js"></script>
        <script src="../style/js/bt.dwz.js"></script>
    </head>
    <body>
        <div class="container">
        <div class="row">
            <div class="span3 bs-docs-sidebar">
                <ul class="nav nav-list bs-docs-sidenav affix">
                  <li class="dropdown-sidebar">
                      <a href="#overview"><i class="icon-chevron-right"></i> 概览</a>
                      <ul class=" nav nav-list bs-docs-sidenav"><!--dropdown-menu-->
                            <li><a href="#transitions"> 过渡效果</a></li>
                            <li><a href="#modals"> 模态对话框</a></li>
                            <li><a href="#dropdowns"> 下拉菜单</a></li>
                            <li class="dropdown-sidebar">
                                <a href="#scrollspy"><i class="icon-chevron-right"></i> 滚动监听</a>
                                <ul class=" nav nav-list bs-docs-sidenav"><!--dropdown-menu-->
                                    <li><a href="#transitions"><i class="icon-chevron-right"></i> 过渡效果</a></li>
                                    <li><a href="#modals"><i class="icon-chevron-right"></i> 模态对话框</a></li>
                                    <li><a href="#dropdowns"><i class="icon-chevron-right"></i> 下拉菜单</a></li>
                                    <li><a href="#scrollspy"><i class="icon-chevron-right"></i> 滚动监听</a></li>
                                </ul>
                            </li>
                      </ul>
                  </li>
                  <li><a href="#transitions"> 过渡效果</a></li>
                  <li><a href="#modals">模态对话框</a></li>
                  <li><a href="#dropdowns">下拉菜单</a></li>
                  <li><a href="#scrollspy"> 滚动监听</a></li>
                  <li><a href="#tabs"> 标签页</a></li>
                  <li><a href="#tooltips"> 工具提示</a></li>
                  <li><a href="#popovers"> 弹出提示</a></li>
                  <li><a href="#alerts"> 警告框</a></li>
                  <li class="active"><a href="#buttons"> 按钮</a></li>
                  <li class=""><a href="#collapse"> 折叠</a></li>
                  <li><a href="#carousel"> 轮播</a></li>
                  <li><a href="#typeahead"> 输入提示</a></li>
                  <li><a href="#affix"> 附加导航</a></li>
                </ul>
              </div>
            </div>
        </div>
    </body>
    <script>
        $(function () {
            $("li.dropdown-sidebar").hover(function(){
              $(this).addClass("hover").children(".bs-docs-sidenav").show(); 
              
            },function(){
                $(this).removeClass("hover").children(".bs-docs-sidenav").hide();
            })
        });
</script>
</html>
